<%--
  Created by IntelliJ IDEA.
  User: TXX
  Date: 2022/11/15
  Time: 14:09
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>用户界面</title>
    <style>
        html,body{
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }
        main{
            height:100% ;
            display: grid;
            grid-template-columns: 150px calc(100% - 150px);
        }
        aside{
            background-color: black;
        }
        nav{
            height: 60px;
            background-color: #FFFFFF;
        }
        article{
            height: 93%;
            margin: 15px;
            border-style: solid;
            border-width: 3px;
            border-color: black;
        }

        a{
            text-decoration: none;
            color: #FFFFFF;
            font-size: 15px;
        }
    </style>
</head>
<body>
<!--
<header>页面页眉</header>
-->

<!--页面主体部分-->
<main>
    <aside style="color: #DDDDDD;font-size:larger"> <br>自行车管理系统
        <a href="u_index.jsp">
            <p style="text-align: center;">
                <br>自行车展示
            </p>
        </a>
        <a href="online">
            <p style="text-align: center;">
                <br>在线留言
            </p>
        </a>
        <a href="user">
            <p style="text-align: center;">
                <br>用户信息
            </p>
        </a>
        <a href="rent">
            <p style="text-align: center;">
                <br>用户租赁
            </p>
        </a>
        <a href="leaseinfo">
            <p style="text-align: center;">
                <br>租赁信息
            </p>
        </a>
    </aside>

    <!--页面内容区块-->
    <section>
        <nav>操作导航</nav>
        <hr>
        <article>
            <form action="u_index.jsp">
                <p style="font-size: 20px;font-family:楷体;font-weight: bold;">
                    自行车
                    <input maxlength="2000" placeholder="请输入您需要搜索的" type="text" style=" text-indent: 10px;margin-left: 1000px;"name="find">
                    <input type="submit" value="提交">
                </p>
            </form>
            <hr>
            <c:forEach items="${bikeList}" var="bike">
                <div>

                    <img src="http://t13.baidu.com/it/u=636068126,3034224242&fm=224&app=112&f=JPEG?w=500&h=333" title="狂飙" height="200px" width="300px"/>
                    <span style="height: 200px;float: left;text-align: center;text-indent: 500px">
                                <br>bc2344324<br><br>
                                名称:&nbsp;&nbsp;&nbsp;${bike.bname}<br><br>
                                <c:if test="${bike.status == '未租赁'}">
                                    状态:&nbsp;&nbsp;&nbsp;待租赁
                                </c:if>
                                <c:if test="${bike.status == '已租赁'}">
                                    状态:&nbsp;&nbsp;&nbsp;已租赁
                                </c:if>
                        <br><br>
                        <!--放到jsp里面  if语句判断    如果数据库中有被租赁的信息,则展示用户信息      没有则展示待租赁-->
                        </span>
                    <hr>
                </div>
            </c:forEach>


        </article>
    </section>
</main>
</body>

</html>




